<template>
	<view class="app">
		<u-navbar title="提交订单" :placeholder="true" :autoBack="true" ></u-navbar>
		<view class="steps-box">
			<u-steps current="2" activeColor="#025E21">
				<u-steps-item title="已下单">
				</u-steps-item>
				<u-steps-item title="已支付"></u-steps-item>
				<u-steps-item title="待发货"></u-steps-item>
			</u-steps>
		</view>
		<view class="success">
			<image src="https://xixijj.oss-cn-chengdu.aliyuncs.com/attach/2023/09/6a8c2202309221201289967.png" mode="widthFix"></image>
			<text>支付成功</text>
			<view>成功下单支付￥{{money}},我们将在20分钟内发货</view>
			<navigator url="../pages/index/index" class="home" open-type="switchTab">返回首页</navigator>
		</view>
	</view>
</template>
<script>
	export default{
		data(){
			return{
				money:0
			}
		},
		onLoad(item) {
			this.money = item.pay
		},
		onBackPress(options) {
			console.log('from:' + options.from)
		}
	}
</script>
<style lang="scss">
	.steps-box{
		padding: 100rpx;
		margin-top: 50rpx;
		border-radius: 20rpx;
		background-color: #eff7eb;
	}
	.data-v-0ccbcc87 .u-steps-item__wrapper{
		background-color: #eff7eb !important;
	}
	.success{
		display: flex;
		flex-direction: column;
		align-items: center;
		text{
			font-size: 36rpx;
			font-weight: bold;	
		}
		view{
			color: #999;
			margin-top: 20rpx;
		}
		.home{
			margin-top: 20rpx;
			color: #0088e3;
		}
	}
</style>